<nav class="navbar navbar-default navbar-fixed-top" v-bind:class="{'navbar-inverse' : inverted}">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <a class="navbar-brand">冰月日志</a>
      <button type="button" class="navbar-toggle collapsed">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>
    <ul class="nav navbar-nav navbar-right hidden-xs">
      <li v-for="link in links" v-bind:class="{'active' : $route.path == link.path}">
        <router-link v-bind:to="link.path">{{link.name}}</router-link>
      </li>
    </ul>
  </div>
</nav>
